<template>
  <div :class="wrapClasses">
    <div :class="`${$options.name}-outer`">
      <div :class="`${$options.name}-inner`">
        <div :class="`${$options.name}-bg`" :style="bgStyle"></div>
      </div>
    </div>
    <span v-if="!hideInfo" :class="`${$options.name}-text`">
      <slot>
        <span v-if="currentStatus == 'wrong' || currentStatus == 'success'" :class="`${$options.name}-text-inner`">
          <Icon :type="statusIcon" />
        </span>
        <span v-else :class="`${$options.name}-text-inner`">
          {{ percent }}%
        </span>
      </slot>
    </span>
  </div>
</template>
<script type="text/ecmascript-6"  src="./index.js"></script>
